import React from 'react';
import './App.css';
import Creator from './pages/creator'
import Demo from './demo/drag/react-beautiful-dnd/demo';
import Index from './pages/index/index';
import ReactDnd from './demo/drag/react-dnd/index';
import DndKit from './demo/drag/dnd-kit/index';

import {
  Switch,
  Route,
  Link,
  HashRouter
} from "react-router-dom";
import Sortablejs from "./demo/drag/sortablejs";

function App() {

  return (
    <div className="App">

      <HashRouter>

        <Switch>
          <Route path="/dnd">
            <ReactDnd/>
          </Route>
          <Route path="/demo">
            <Demo/>
          </Route>
          <Route path="/creator">
            <Creator/>
          </Route>
          <Route path="/dnd_kit">
            <DndKit/>
          </Route>
          <Route path="/sortablejs">
            <Sortablejs/>
          </Route>
          <Route path="/">
            <Index/>
          </Route>

        </Switch>
      </HashRouter>

    </div>
  );
}

export default App;
